<template>
    <nav class="mui-bar mui-bar-tab">
      <!-- active-class  :  进入App  默认就高亮 -->
    <router-link class="mui-tab-item" to="/home" active-class="mui-active">
      <span class="mui-icon mui-icon-home"></span>
      <span class="mui-tab-label">拼货</span>
    </router-link>
    <router-link class="mui-tab-item" to="/fenlei">
      <span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>
      <span class="mui-tab-label">分类</span>
    </router-link>
    <router-link class="mui-tab-item" to="/yuepin">
      <span class="mui-icon mui-icon-extra mui-icon-extra-heart-filled"></span>
      <span class="mui-tab-label">约拼</span>
    </router-link>
    <router-link class="mui-tab-item" to="/gouwu">
      <span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
      <span class="mui-tab-label">拿货车</span>
    </router-link>
    <router-link class="mui-tab-item" to="/mysleft">
      <span class="mui-icon mui-icon-contact"></span>
      <span class="mui-tab-label">我的</span>
    </router-link>
  </nav>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.mui-bar-tab .mui-tab-item.mui-active {
  color: #cc2d29;
}
</style>

